<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta name="decorator" content="default" />
	<%@ include file="/WEB-INF/views/include/head.jsp"%>
	<link rel="stylesheet" href="${ctxStatic}/css/list.css">
	<title>项目费用</title>
	<script>

		var listH = $(':root').css('height')
		$(window.parent.$("#mainFrame").css('height', listH));

		// 初始加载
		$(document).ready(function(){
			// 下拉选框带搜索功能
			//$("#styleCategoryId").select2();

			$(".tabBox ul li").each(function(){
				var index=$(this).index();

				$(".tabBox ul li").eq(0).addClass("active");

				$(this).click(function(){

					//alert(index);

					$(this).addClass("active").siblings().removeClass("active");

					$(".tabBoxSm > .tableBox").eq(index).stop(true).show().siblings().stop(true).hide();

				})

			})

		});

	</script>
</head>
<body>

<form id="searchForm" action="${ctx}/custom/customcost/list" method="post">
	<div class="listSearchBox clearfix">
		<div class="searchLeft big clearfix">
			<div class="searchSm clearfix">
				<p class="searchTxt">款式类别</p>
				<div class="searchInp" >
					<select class="form-control" id="styleCategoryId" name="styleCategoryCD" >
						<option value=''>请输入款式</option>
						<c:forEach items="${styleCategoryList}" var="styleCategory">
							<option value="${styleCategory.id}" <c:if test="${styleCategory.id == design.styleCategoryId}">selected="selected"</c:if>>${styleCategory.itemNameCn}</option>
						</c:forEach>
					</select>
				</div>
			</div>
		</div>
		<div class="searchRight searchRightLg">
			<button type="button" class="btn-cj" onclick="popup('1100px','650px','cusProCostCreate.html')">创建关联费用</button>
			<button type="button" class="btn-cj" onclick="popup('1100px','650px','${ctx}/custom/customitem/form')">创建定制项目</button>
			<button type="button" class="btn-js">重置</button>
			<button type="button" class="btn-js">检索</button>
		</div>
	</div>
	<div class="tabBox">
		<ul class="clearfix">
			<li class="active">单项目</li>
			<li>关联项目</li>
		</ul>
	</div>
	<div class="tabBoxSm">
		<div class="tableBox">
			<div class="tableBoxScroll" style="height:632px;">
				<table cellpadding="0" >
					<thead>
					<tr>
						<th>No.</th>
						<th>项目Code</th>
						<th>中文全称</th>
						<th>英文全称</th>
						<th>项目费用</th>
						<th>备注</th>
						<th>状态</th>
						<th>最后更新者</th>
						<th>创建日期</th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td>
							<p>01</p>
						</td>
						<td>
							<p class="show"
							   onclick="popup('860px','600px','cusProShow.html')">SHIRT_ITEM_01</p>
						</td>
						<td>
							<p>制作方式</p>
						</td>
						<td>
							<p>Make</p>
						</td>
						<td>
							<p>20</p>
						</td>
						<td>
							<p>衬衫制作方式</p>
						</td>
						<td>
							<p>正常</p>
						</td>
						<td>
							<p>张晓明</p>
						</td>
						<td>
							<p>2016-12-12</p>
						</td>
					</tr>
					<tr>
						<td>
							<p>02</p>
						</td>
						<td>
							<p class="show"
							   onclick="popup('860px','600px','cusProShow.html')">SHIRT_ITEM_01</p>
						</td>
						<td>
							<p>版式</p>
						</td>
						<td>
							<p>Fit</p>
						</td>
						<td>
							<p>20</p>
						</td>
						<td>
							<p>衬衫制作方式</p>
						</td>
						<td>
							<p>正常</p>
						</td>
						<td>
							<p>张晓明</p>
						</td>
						<td>
							<p>2016-12-12</p>
						</td>
					</tr>
					<tr>
						<td>
							<p>03</p>
						</td>
						<td>
							<p class="show"
							   onclick="popup('860px','600px','cusProShow.html')">SHIRT_ITEM_01</p>
						</td>
						<td>
							<p>袖长</p>
						</td>
						<td>
							<p>Sleeve length</p>
						</td>
						<td>
							<p>10</p>
						</td>
						<td>
							<p>衬衫制作方式</p>
						</td>
						<td>
							<p>正常</p>
						</td>
						<td>
							<p>张晓明</p>
						</td>
						<td>
							<p>2016-12-12</p>
						</td>
					</tr>
					<tr>
						<td>
							<p>04</p>
						</td>
						<td>
							<p class="show"
							   onclick="popup('860px','600px','cusProShow.html')">SHIRT_ITEM_01</p>
						</td>
						<td>
							<p>领子</p>
						</td>
						<td>
							<p>Collar</p>
						</td>
						<td>
							<p>20</p>
						</td>
						<td>
							<p>衬衫制作方式</p>
						</td>
						<td>
							<p>正常</p>
						</td>
						<td>
							<p>张晓明</p>
						</td>
						<td>
							<p>2016-12-12</p>
						</td>
					</tr>
					<tr>
						<td>
							<p>05</p>
						</td>
						<td>
							<p class="show"
							   onclick="popup('860px','600px','cusProShow.html')">SHIRT_ITEM_01</p>
						</td>
						<td>
							<p>袖子</p>
						</td>
						<td>
							<p>Cuff</p>
						</td>
						<td>
							<p>30</p>
						</td>
						<td>
							<p>衬衫制作方式</p>
						</td>
						<td>
							<p>正常</p>
						</td>
						<td>
							<p>张晓明</p>
						</td>
						<td>
							<p>2016-12-12</p>
						</td>
					</tr>
					<tr>
						<td>
							<p>06</p>
						</td>
						<td>
							<p class="show"
							   onclick="popup('860px','600px','cusProShow.html')">SHIRT_ITEM_01</p>
						</td>
						<td>
							<p>袖开祺</p>
						</td>
						<td>
							<p>Sleeve vent</p>
						</td>
						<td>
							<p>10</p>
						</td>
						<td>
							<p>衬衫制作方式</p>
						</td>
						<td>
							<p>正常</p>
						</td>
						<td>
							<p>张晓明</p>
						</td>
						<td>
							<p>2016-12-12</p>
						</td>
					</tr>
					</tbody>
				</table>
			</div>
			<div class="page clearfix">
				<div class="pageSm clearfix">
					<p class="pageBtn disabled">《&nbsp;上一页</p>
					<ul class="clearfix">
						<li class="active">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>...</li>
						<li>...</li>
						<li>10</li>
						<li>11</li>
					</ul>
					<p class="pageBtn">下一页&nbsp;》</p>
				</div>
			</div>
		</div>
		<div class="tableBox none">
			<div class="tableBoxScroll"  style="height:632px;">
				<table cellpadding="0" ce>
					<thead>
					<tr>
						<th>No.</th>
						<th>条件项目</th>
						<th>条件</th>
						<th>值</th>
						<th>设置项目</th>
						<th>项目费用</th>
						<th>描述</th>
						<th>状态</th>
						<th>最后更新者</th>
						<th>创建日期</th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td>
							<p>01</p>
						</td>
						<td>
							<p class="show"
							   onclick="popup('860px','600px','cusProCostShow.html')">制作方式</p>
						</td>
						<td>
							<p>等于</p>
						</td>
						<td>
							<p>全手缝</p>
						</td>
						<td>
							<p>袖头DR1</p>
						</td>
						<td>
							<p>10</p>
						</td>
						<td>
							<p>衬衫制作方式</p>
						</td>
						<td>
							<p>正常</p>
						</td>
						<td>
							<p>张晓明</p>
						</td>
						<td>
							<p>2016-12-12</p>
						</td>
					</tr>
					</tbody>
				</table>
			</div>
			<div class="page clearfix">
				<div class="pageSm clearfix">
					<p class="pageBtn disabled">《&nbsp;上一页</p>
					<ul class="clearfix">
						<li class="active">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>...</li>
						<li>...</li>
						<li>10</li>
						<li>11</li>
					</ul>
					<p class="pageBtn">下一页&nbsp;》</p>
				</div>
			</div>
		</div>
	</div>
</form>
</body>
</html>